 .container {

   height: 500px;
   width: 500px;
   background-color: rgba(139, 33, 33, 0.281);
   margin: auto;
   border-radius: 25px;

   margin-top: 50px;
   padding-top: 75px;

   box-shadow: 5px 3px 53px firebrick;
   border-color: #000;
   border: 5px;
   position: relative;
   /* overflow: hidden;  */
 }


 body {
   background: #f7f0ac;
   background: -webkit-linear-gradient(to right, #f0acf7, #acf7f0, #f7f0ac);
   background: linear-gradient(to right, #f0acf7, #acf7f0, #f7f0ac);



 }




 .header {


   font-size: 45px;
   background-color: rgba(139, 33, 33, 0);
   text-align: center;
   font-style: oblique;
   text-transform: uppercase;


   font-family: 'Franklin Gothic Medium', 'Arial Narrow', Arial, sans-serif;



 }

 .center {

   height: 60px;
   margin-top: 55px;
   background-color: rgba(139, 33, 33, 0);
   border-top: black 35px solid;
   border-radius: 55px 55px 0 0;
   position: relative;
   text-align: center;
   letter-spacing: 5px;
   line-height: 85px;

 }

 .center .iconfont {

   color: black;
 }


 .oneborder-wrapper input {
   background-color: rgba(139, 33, 33, 0);
   border-style: none;
   height: 45px;
   width: 65%;
   position: relative;
   top: 25px;
   left: 85px;
   border-top: black 25px solid;
   border-radius: 45px 45px 0 0;
   font-size: 30px;
   text-align: center;

 }

 .oneborder-wrapper {
   margin: auto;

 }

 .twoborder-wrapper input {

   background-color: rgba(139, 33, 33, 0);
   border-style: none;
   border-top: black 15px solid;
   border-radius: 35px 35px 0 0;



   height: 45px;
   width: 45%;
   position: relative;
   top: 55px;
   left: 134px;
   font-size: 30px;
   text-align: center;
 }

 .action {


   height: 60px;
   width: 80px;
   background-color: rgba(139, 33, 33, 0);
   border-radius: 50%;

   position: relative;
   top: 85px;
   left: 215px;
   text-align: center;
   cursor: pointer;

 }

 .action:hover {

   background-color: rgba(236, 110, 6, 0.973);
   transition: .5s;

 }

 .iconfont:hover {
   color: white;
   size: 23px;
   transition: .5s;

 }


 /* #erweima:hover {
   height: 200px;
   position: absolute;
   z-index: 99999;


 } */


 /* a:hover #erWeiMa {


   visibility: visible;
z-index: 99;
 } */

 .lineer {
   width: 3px;
   height: 50px;
   background-color: black;
   float: left;

   position: relative;
   bottom: -50px;
   left: 20px;
   transform: rotate(-45deg);
 }

 .import {
   height: 200px;
 }